<template>
  <div class="static" :class="{ active: isActive, 'text-danger': hasError }"></div>
</template>
<script>
export default {
  data() {
    return {
      isActive: true,
      hasError: false
    }
  }
}

</script>

<style>
   .static {
        width: 100px;
        height: 100px;
        border: 1px solid #000;
    }

   .active {
        background-color: green;
    }

   .text-danger {
        color: red;
    }
    </style>